$text-family-en: system-ui !default;
$text-family-cn: system-ui !default;
$text-size: 28rpx !default;

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
uni-text,
text,
image {
  box-sizing: border-box;
}
view {
  display: flex;
  flex-direction: column;
}

text,
label,
p,
view,
div,
rich-text,
input,
button,
textarea,
picker,
picker-view {
  font-family: $text-family-en, $text-family-cn;
  font-size: $text-size;
  color: $text-color;
}
page {
  background-color: $bg-color;
  min-height: calc(100vh);
}

.rich-text {
  img,
  image,
  .img,
  .image {
    max-width: 100% !important;
  }
}

.scroll-H {
  white-space: nowrap;
  width: 100%;
}
.scroll-x {
  white-space: nowrap;
  width: 100%;
}
.scroll-y {
  width: 100%;
}
.uni-forms .uni-forms-item {
  margin-bottom: 0;
  .uni-forms-item__content {
    flex-direction: column;
  }
}
.page-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.page-bc {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.img-btn{
  width: 48vw;
}

.bottom-btn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80rpx;
}

.bc-img-single{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.events-none{
  pointer-events: none;
}